<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>花果山资讯</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/news.css" />
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<div class="logo f1">
				<img src="img/ABUIABAEGAAg_vzQ3gUox5H89AUwlwg4ygI.png" />
			</div>
			<span>Tea & Teaware</span>
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="about-us.html">关于我们</a></li>
				<li><a href="product.html">产品介绍</a></li>
				<li><a class="con" href="news.html">花果茶资讯</a></li>
				<li><a href="contact.html">联系我们</a></li>
			</ul>
		</div>
		<!--头部  end-->
		
		<!--广告栏-->
		<div class="banner"></div>
		<!--广告栏 end-->
		<!--产品资讯-->
		<div class="goodsNews">
			<div class="goods-con">
				<div class="title">
				<span>当前位置：首页&nbsp;>&nbsp;花果山资讯</span>
			</div>
			<div class="content">
				<div class="top clearfix">
					<div class="bar f1"></div>
					<div class="f1">花果茶资讯</div>
					<div class="more fr">MORE</div>
				</div>
				<div class="item clearfix">
					
						<div class="left-img f1">
						<img src="img/goodsNew.jpg" />
						
					</div>
					
					
					
					<div class="right-text fr">
						<div class="time clearfix">
							<span>夏日午后来一杯水果茶</span>
							<span class="fr">2018-8-30</span>
						</div>
						<div class="info">炎热的夏天，为很多女性带来了烦恼。吃东西不易消化、脂肪堆积、强烈的紫外线造成的皮肤黑斑等，解决这些问题其实有一种很简单又很健康的方法——喝茶。红茶、绿茶的功效就不用多说了。</div>
					</div>
				</div>
				<div class="item clearfix">
					
						<div class="left-img f1">
						<img src="img/goodsNew02.jpg" />
					</div>
					
					
					<div class="right-text fr">
						<div class="time clearfix">
							<span>夏日午后来一杯水果茶</span>
							<span class="fr">2018-8-30</span>
						</div>
						<div class="info">炎热的夏天，为很多女性带来了烦恼。吃东西不易消化、脂肪堆积、强烈的紫外线造成的皮肤黑斑等，解决这些问题其实有一种很简单又很健康的方法——喝茶。红茶、绿茶的功效就不用多说了。</div>
					</div>
				</div>
				<div class="item clearfix">
					
						<div class="left-img f1">
						<img src="img/goodsNew03.jpg" />
					</div>
					
					
					<div class="right-text fr">
						<div class="time clearfix">
							<span>夏日午后来一杯水果茶</span>
							<span class="fr">2018-8-30</span>
						</div>
						<div class="info">炎热的夏天，为很多女性带来了烦恼。吃东西不易消化、脂肪堆积、强烈的紫外线造成的皮肤黑斑等，解决这些问题其实有一种很简单又很健康的方法——喝茶。红茶、绿茶的功效就不用多说了。</div>
					</div>
				</div>
				<div class="item clearfix">
					
						<div class="left-img f1">
						<img src="img/goodsNew04.jpg" />
					</div>
					
					
					<div class="right-text fr">
						<div class="time clearfix">
							<span>夏日午后来一杯水果茶</span>
							<span class="fr">2018-8-30</span>
						</div>
						<div class="info">炎热的夏天，为很多女性带来了烦恼。吃东西不易消化、脂肪堆积、强烈的紫外线造成的皮肤黑斑等，解决这些问题其实有一种很简单又很健康的方法——喝茶。红茶、绿茶的功效就不用多说了。</div>
					</div>
				</div>
				<div class="btns clearfix">
					<div class="prev f1">上一页</div>
					<div class="page f1">
						<ul>
							<li class="con">1</li>
							<li>2</li>
						</ul>
					</div>
					<div class="next f1">下一页</div>
				</div>
			</div>
			</div>
			
		</div>
		<!--产品资讯  end-->
		
		<!--尾部-->
		<div class="footer">
			<div class="top">
				<div class="text">
					<ul class="ul1">
						<li>
							<i class="i1"></i>
							<p class="p1">地址</p>
							<p>深圳市龙岗区中心城万科</p>
							<p>天誉2期10栋A座</p>
						</li>
						<li>
							<i class="i2"></i>
							<p class="p1">地址</p>
							<p>深圳市龙岗区中心城万科</p>
							<p>天誉2期10栋A座</p>
						</li>
						<li>
							<i class="i3"></i>
							<p class="p1">地址</p>
							<p>深圳市龙岗区中心城万科</p>
							<p>天誉2期10栋A座</p>
						</li>
					</ul>
					<div class="xian"><img src="img/05 (2).png" /></div>
				</div>
				
				<div class="text">
					<ul class="ul2">
						<li>
							<a href="">首页</a>
							<span>|</span>
						</li>
						<li>
							<a href="">关于我们</a>
							<span>|</span>
						</li>
						<li>
							<a href="">产品介绍</a>
							<span>|</span>
						</li>
						<li>
							<a href="">花果资讯</a>
							<span>|</span>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="bottom">
				<div class="container">
					<div class="con">
						<p class="p1">©2019 深圳市前海金玉鸿飞贸易有限公司 版权所有</p>
					    <p class="p2">
						   <a href="">手机版</a>
						   <span>|</span>
						   <span>本站使用</span>
						   <a href="">凡科搭建</a>
						   <span>搭站</span>
						   <span>|</span>
						   <a href="">管理登陆</a>
						   <span>|</span>
						   <a href="">粤ICPxxxxx</a>
					</p>
					</div>
				</div>
			</div>
			<div class="tu">
			    <img src="img/05.png" />
            </div>
		</div>
		<!--尾部  end-->
		
		<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
		<script type="text/javascript">
			$(function(){
				$(".goods-con").animate({left:"0px"},500);
			})
			
//			$(".left-img").onmousemove=function(){
//				$(".left-con").animate({top:"0px"},500)
//			}
		</script>
	</body>
</html>
